<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/date.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/jquery.datePicker.js"></script>
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/datepicker.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/demo.css" type="text/css" media="screen" />

<!-- http://reactiveraven.github.io/jqBootstrapValidation/ -->
<?php /* <script src="<?php echo URL;?>/js/jqBootstrapValidation.js"></script> */ ?>



<?php 
	if(isset($_SESSION['contacto_alojamiento']) ) { $data = $_SESSION['contacto_alojamiento']; } else {$data=array();}
	if(empty($data['telefono'])) {$data['telefono'] = $_SESSION['LoginUsuario']['telefono'];}

?>
	
	
<form class="form-horizontal" id='frm_contacto' action='<?php echo URL;?>/ajax/enviar_formulario_contacto_alojamiento.php' method='post'>
	<div class='row-fluid'>	
		<div class='span6'>
			<input type="text" id="inputApellido" class='span12' name='data[apellido]' readonly style='margin-bottom:10px;' value='<?php echo $_SESSION['LoginUsuario']['apellido'];?>'>
		</div>

		<div class='span6'>
			<input type="text" id="inputNombre" class='span12'  name='data[nombre]' readonly style='margin-bottom:10px;' value='<?php echo $_SESSION['LoginUsuario']['nombre'];?>'>
		</div>
	</div>
	<div class='clearfix'></div>
	
	<div class='row-fluid'>	
		<div class='span6'>
			<input type="email" id="inputEmail" class='span12'  name='data[email]' readonly style='margin-bottom:10px;' value='<?php echo $_SESSION['LoginUsuario']['email'];?>'>
		</div>
		<div class='span6'>
			<?php $estado_telefono = iif(empty($_SESSION['LoginUsuario']['telefono']),'required','readonly'); ?>
			<input type="text" id="inputTelefono" class='span12'  name='data[telefono]' placeholder="Telefono"  required <?php echo $estado_telefono;?> style='margin-bottom:10px;' value='<?php echo $_SESSION['LoginUsuario']['telefono'];?>'>
		</div>
		
	</div>
	<div class='clearfix'></div>
		
	<div class='row-fluid'>	
		<div class='span6'>	Fecha de Estadía:<br>
			<?php
				$un_dia = 60*60*24;
				$estadia_minima = iif($Tarifas['estadia_minima']<1,1,$Tarifas['estadia_minima']);
					
				if(!isset($data['desde'])){ 
					$desde = date("d/m/Y",time()+($un_dia)); 
					$data['desde'] = time()+($un_dia); 
				} else {
					$desde = $data['desde']; 
				}
			
				if(!isset($data['hasta'])){ 
					$hasta = date("d/m/Y",( $data['desde'] +($un_dia*$estadia_minima))); 
					$desde['hasta'] = $data['desde']+( $un_dia*$estadia_minima )  ;
					$diferencia = ($data['hasta']-$data['desde'])/60/60/24;
					
				} else {
					$hasta = $data['hasta']; 
				}
				if(empty($data['comentario'])){ $data['comentario'] = 'Buenos días, me interesaría conocer precios y disponibilidad para las fechas solicitadas. Muchas gracias.'; }
				$cantidad_de_noches = ($hasta - $desde).' Noche/s';
				
			?>
			<input type='text' name="data[desde]" id="start-date" class="date-pick"  readonly placeholder='Desde el...' style='width:90px;cursor:pointer;' required value=''/>
			<input type='text' name="data[hasta]" id="end-date"   class="date-pick" readonly placeholder='Hasta el...' style='width:90px;margin-left:30px;cursor:pointer;' required value='' />
			<input type='text' name="data[cantidad-noches]" id="cantidad-noches" class="input-small" readonly style='margin-left:30px;' value='' />
			<br>
			<div style='clear:both;'><b>CheckIn:</b> <?php echo $Tarifas['ingreso']; ?>hs. - <b>CheckOut:</b> <?php echo $Tarifas['egreso']; ?>hs.</div>
			<br>
			<textarea id="frm_mensaje" name="data[comentario]" placeholder='Comentario / Mensaje' 
			onclick="falta_mensaje_hide();" rows='5' class='span12' required></textarea>
			
		</div>
		
		<div class='span6'>
			<table class='table table-striped'>
				<tr>
					<td>Cant.Habitaciones:</td>
					<td>
						<select name='data[habitaciones]' class='input-small' required>
							<?php for($i=1; $i<=10; $i++){ ?>
								<?php $sel = iif($data['habitaciones']==$i,'selected','');?>
								<option value='<?php echo $i;?>' <?php echo $sel;?> ><?php echo $i;?></option>
							<?php } ?>
							<option value='mas de 10'>Más de 10</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>Cant.Adultos:</td>
					<td>
						<select name='data[adultos]' class='input-small' required>
							<?php for($i=1; $i<=10; $i++){ ?>
								<?php $sel = iif($data['adultos']==$i,'selected','');?>
								<option value='<?php echo $i;?>' <?php echo $sel;?> ><?php echo $i;?></option>
							<?php } ?>
							<option value='mas de 10'>Más de 10</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>Cant.Menores:</td>
					<td>
						<select name='data[menores]' class='input-small' required>
							<?php for($i=0; $i<=10; $i++){ ?>
								<?php $sel = iif($data['menores']==$i,'selected','');?>
								<option value='<?php echo $i;?>' <?php echo $sel;?> ><?php echo $i;?></option>
							<?php } ?>
							<option value='mas de 10'>Más de 10</option>
						</select>
					</td>
				</tr>
			</table>



			<div class="alert alert-success span12" id='envio_ok' style='display:none;margin-left:0px;'>
			  <button type="button" class="close" data-dismiss="alert">x</button>
			  Formulario enviado correctamente!!
			</div>
			<div class="alert alert-error span12" id='envio_error' style='display:none;margin-left:0px;'>
			  <button type="button" class="close" data-dismiss="alert">x</button>
			  <strong>ERROR!</strong> No se pudo enviar el Formulario!!
			</div>
			<div class="alert alert-error span12" id='falta_mensaje' style='display:none;margin-left:0px;'>
			  <button type="button" class="close" data-dismiss="alert">x</button>
			  <strong>ERROR!</strong> Debe completar el dato Comentario / Mensaje!!
			</div>
			<div class="alert alert-error span12" id='falta_fecha' style='display:none;margin-left:0px;'>
			  <button type="button" class="close" data-dismiss="alert">x</button>
			  <strong>ERROR!</strong> Debe completar las fechas de Check-In y Check-Out!!
			</div>



			
			<input type='hidden' name='data[producto_id]' id='producto_id' value='<?php echo $Producto['id'];?>' />
			<input type='hidden' name='data[totales_contacto]' id='totales_contacto' value='<?php echo $Totales['contacto'];?>' />
			<input type="hidden" id="usuario_id" name='data[usuario_id]' value='<?php echo $_SESSION['LoginUsuario']['id'];?>'>		
			<button type="button" id='botonenviar' class="btn btn-primary btn-block" ><i class="icon-envelope-alt">
				</i>&nbsp;&nbsp;<?php echo $Traducciones['frm_enviar'];?>
				<img src='<?php echo URL;?>/img/loading.gif' id='img_enviado' style='display:none;float:right;margin-right:30px;'>
			</button>
			
			
		</div>
	</div>
	<div class='clearfix'></div>	
		
</form>
	
<script type="text/javascript">

	jQuery(function () {



		$("#botonenviar").click( function() {     // Con esto establecemos la acción por defecto de nuestro botón de enviar.
				
				
				var mensaje = $("#frm_mensaje").val();
				if(mensaje===''){
					jQuery('#falta_mensaje').show();
				} else {
				
					var desde = $("#start-date").val();
					var hasta = $("#end-date").val();
				
					if(desde==='' || hasta===''){
					
						jQuery('#falta_fecha').show();
					
					} else {
						jQuery('#falta_fecha').hide();
						jQuery('#img_enviado').show();
						jQuery.ajax({
							type: 'POST',
							url: jQuery("#frm_contacto").attr('action'),
							data: jQuery("#frm_contacto").serialize(),
							success: function(data)
							{ 
								if(data==1){
									jQuery('#envio_ok').show();
								} else {
									jQuery('#envio_error').show();
								}
								jQuery('#img_enviado').hide();		
							}
						});
					}	
				}	
		});    


		$('#start-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			if(hasta===''){
				$("#cantidad-noches").val('');
			} else {
				var one_day=1000*60*60*24; 
				var estadia_minima=one_day*<?php echo $estadia_minima;?>; 
				var x=desde.split("/"); 
				var y=hasta.split("/"); 
				var date1=new Date(x[2],(x[1]-1),x[0]);  
				var date2=new Date(y[2],(y[1]-1),y[0]);
				
				if(date1>=date2){
					tiempo=date1.getTime()
					total=date2.setTime(tiempo+one_day);
					day  =date2.getDate();
					month=date2.getMonth()+1;
					year =date2.getFullYear();
					nuevo = day+"/"+month+"/"+year;
					$('#end-date').val(nuevo);
				}
				
				var month1=x[1]-1;
				var month2=y[1]-1;        			
				_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
				$("#cantidad-noches").val(_Diff+' noche/s');
			}	
			
			
			
		});

		$('#end-date').change(function() {
			var desde = $('#start-date').val();
			var hasta = $('#end-date').val();
			if(desde===''){
				$("#cantidad-noches").val('');
			} else {
			
				var one_day=1000*60*60*24; 
				var estadia_minima=one_day*<?php echo $estadia_minima;?>; 
				var x=desde.split("/"); 
				var y=hasta.split("/"); 
				var date1=new Date(x[2],(x[1]-1),x[0]);  
				var date2=new Date(y[2],(y[1]-1),y[0]);
				
				if(date1>=date2){
					tiempo=date1.getTime()
					total=date2.setTime(tiempo+one_day);
					day  =date2.getDate();
					month=date2.getMonth()+1;
					year =date2.getFullYear();
					nuevo = day+"/"+month+"/"+year;
					$('#end-date').val(nuevo);
				}
				
				
				var month1=x[1]-1;
				var month2=y[1]-1;        			
				_Diff=Math.ceil((date2.getTime()-date1.getTime())/(one_day));
				$("#cantidad-noches").val(_Diff+' noche/s');
			}
		});

		
	});  

		$('.date-pick').datePicker({clickInput:true})
		
		$('#start-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					var estadia_minima=<?php echo $estadia_minima;?>; 
					$('#end-date').dpSetStartDate(d.addDays(estadia_minima).asString());
				}
			}
		);
		$('#end-date').bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					d = new Date(d);
					var estadia_minima=<?php echo $estadia_minima;?>; 
					$('#start-date').dpSetEndDate(d.addDays(-estadia_minima).asString());
				}
			}
		);

	function falta_mensaje_hide(){
		jQuery('#falta_mensaje').hide();
	}		
	function falta_fecha_hide(){
		jQuery('#falta_fecha').hide();
	}		
</script>
	